웹 게임을 만들며 배우는 React 정리 React로 숫자야구 웹게임 구현하기 그리고 가끔씩 다음과 같은 import 혹은 require을 볼 수 있다. 이는 구조분해 문법으로, exports되는 것이 객체나 배열이면 구조 분해할 수 있다. export default NumberBaseball; 는 import NumberBaseball 로 가져올 수 있다. 위와 같은 <ul> <li> 태그는 아래와 같이 반복문을 이용해 바꿔줄 수 있다. 마치 HTML 태그의 속성처럼... React웹 게임을 만들며 배우는 React 정리React React로 끝말잇기 웹게임 구현하기 기존 React에서는 아래처럼 함수형을 사용하면, 안에 Class의 setState나 state를 사용할 수 없었기 때문에 아래와 같이 setState나 state가 사용되지 않는 구문에만 함수형을 사용하였다. 그런데 점점 함수형 안에 state를 사용하게끔 해달라는 요구가 많아지면서 React에서 함수형 컴포넌트 안에 state를 사용할 수 있게 개선하였다. 기존에는 클래스 컴포넌트를 기반... React웹 게임을 만들며 배우는 React 정리React
React로 숫자야구 웹게임 구현하기 그리고 가끔씩 다음과 같은 import 혹은 require을 볼 수 있다. 이는 구조분해 문법으로, exports되는 것이 객체나 배열이면 구조 분해할 수 있다. export default NumberBaseball; 는 import NumberBaseball 로 가져올 수 있다. 위와 같은 <ul> <li> 태그는 아래와 같이 반복문을 이용해 바꿔줄 수 있다. 마치 HTML 태그의 속성처럼... React웹 게임을 만들며 배우는 React 정리React React로 끝말잇기 웹게임 구현하기 기존 React에서는 아래처럼 함수형을 사용하면, 안에 Class의 setState나 state를 사용할 수 없었기 때문에 아래와 같이 setState나 state가 사용되지 않는 구문에만 함수형을 사용하였다. 그런데 점점 함수형 안에 state를 사용하게끔 해달라는 요구가 많아지면서 React에서 함수형 컴포넌트 안에 state를 사용할 수 있게 개선하였다. 기존에는 클래스 컴포넌트를 기반... React웹 게임을 만들며 배우는 React 정리React